<!-- 头部 -->
<include file="Public:header" />
<link rel="stylesheet" href="__PUBLIC__/home/css/consumerOrder.css">
<script type="text/javascript" src="__PUBLIC__/home/js/idangerous.swiper.min.js"></script>
<script type="text/javascript" src="__PUBLIC__/home/js/indexManSpecial.js"></script>
<!-- 前端框架 -->
<link href="__PUBLIC__/css/layui.css" rel="stylesheet" type="text/css" media="all"/>
<script type="text/javascript" src="__PUBLIC__/layui.js"></script>
        <!-- 头部 -->
        <div class="consumerTop">
            <div class="container">
                <div class="index_consumerTopNav clearfix">
                    <div class="consumerLogo fl paddingTop10"><a href="{:U('home/index/index')}"><img src="__PUBLIC__/home/images/logo3.png" alt="" /></a></div>
                    <div class="consumerBoxUl fr js_consumerUl">
                        <ul class="clearfix consumerUl consumerUlList">
                            <li id="index_consumerTop"><a href="{:U('home/index/index')}">首页</a></li>
                            <li id="yunyi_consumerTop"><a href="{:U('home/Dingzhi/index',array('fz'=>1))}">所有成品</a></li>
                            <li id="consult_consumerTop"><a href="{:U('home/news/index')}">时尚资讯</a></li>
                            <li id="demand_consumerTop"><a href="{:U('home/xuqiu/index')}">预约定制</a></li>
                        </ul> 
                    </div>
                </div>
            </div>
        </div>
        <!-- banner专区 -->
        <div style="width:100%;background:#f2f2f2;">
            <div class="mainbanner  js_mainbanner" style="width:1280px;margin:0 auto;">
                <div class="banner_ul js_banner_ul">
                    <ul class="clearfix">
                        <li style="display:block">
                            <a href="{:U('home/Dingzhi/index',array('fz'=>1))}" target="_blank" style="background:url(__PUBLIC__/home/images/newbanner011.jpg) no-repeat center;"></a>
                        </li>
                        <li style="display:none">
                            <a href="{:U('home/Dingzhi/index',array('fz'=>1))}" target="_blank" style="background:url(__PUBLIC__/home/images/newbanner022.jpg) no-repeat center;"></a>
                        </li>
                        <li style="display:none">
                            <a href="{:U('home/Dingzhi/index',array('fz'=>1))}" target="_blank" style="background:url(__PUBLIC__/home/images/newbanner033.jpg) no-repeat center;"></a>
                        </li>
                        <li style="display:none">
                            <a href="{:U('home/Dingzhi/index',array('fz'=>1))}" target="_blank" style="background:url(__PUBLIC__/home/images/newbanner05.jpg) no-repeat center;"></a>
                        </li>
                    </ul>
                </div>
                <div  class="banner_ol js_banner_ol">
                    <ol class="clearfix">
                        <li class="on"></li>
                        <li></li>
                        <li></li>
                        <li></li>
                    </ol>
                </div>
            </div>
        </div>
    <div class="container consumerContainer" >
        <div class="mainbannerBig container1200">
            <!-- 热销 -->
            <div class="consumerSeriesTil">
                <h2><a href="#" class="font24">热销</a></h2>
                <div class="clearfix featuredPrefecture" style="width: 1230px;">
                    <div class="fl featuredPrefecture_L marginRight20">
                        <div class="featuredLBg">
                            <a href="{:U('home/dingzhi/index',array('fz'=>1))}" class="featuredLBgBtn marginTop240">去定制</a>
                        </div>
                        <div><img src="__PUBLIC__/home/images/featuredPic1.jpg"  alt="" height="470" width="370"/></div>
                    </div>
                    <div class="fl featuredPrefecture_R">
                        <ul>
                            <li style="margin-right: 30px;">
                                <div class="featuredRText marginBottom20">
                                    <div class="paddingTop30 paddingBottom5"><span class="featuredTilBtn">干净利落 活力爆棚</span></div>
                                </div>
                                <div class="featuredRImg">
                                    <div class="featuredRImgBg">
                                        <a href="{:U('home/dingzhi/index',array('fz'=>1))}" class="featuredLBgBtn marginTop240">去定制</a>
                                    </div>
                                    <div class="featuredPicBox">
                                        <img src="__PUBLIC__/home/images/featuredPic2.jpg" alt="" height="350" width="250" />
                                    </div>
                                </div>
                            </li>
                            <li style="margin-right: 30px;">
                                <div class="featuredRImg marginBottom20">
                                    <div class="featuredRImgBg">
                                        <a href="{:U('home/dingzhi/index',array('fz'=>1))}" class="featuredLBgBtn marginTop240">去定制</a>
                                    </div>
                                    <div>
                                        <img src="__PUBLIC__/home/images/featuredPic3.jpg" alt="" height="350" width="250" />
                                    </div>
                                </div>
                                <div class="featuredRText">
                                    <div class="paddingTop30 paddingBottom5"><span class="featuredTilBtn">潮味倍增 休闲有度</span></div>
                                </div>
                            </li>
                            <li style="margin-right: 30px;">
                                <div class="featuredRText marginBottom20">
                                    <div class="paddingTop30 paddingBottom5"><span class="featuredTilBtn">百搭单西 随时有型</span></div>
                                </div>
                                <div class="featuredRImg">
                                    <div class="featuredRImgBg">
                                        <a href="{:U('home/dingzhi/index',array('fz'=>1))}" class="featuredLBgBtn marginTop240">去定制</a>
                                    </div>
                                    <div>
                                        <img src="__PUBLIC__/home/images/featuredPic4.jpg" alt="" height="350" width="250" />
                                    </div>
                                </div>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>

            <!-- 新品推荐 -->
            <div class="js_specialContBox">
                <div class="clearfix consumerSeriesBox specialSeriesBox">
                    <div class="fl consumerSeriesTil">
                        <h2 style="border-color:#c22849;">新品推荐</h2>
                    </div>
                </div>
                <div class="device">
                    <a class="arrow-left" href="#"></a> 
                    <a class="arrow-right" href="#"></a>
                    <div class="swiper-container js_swiper-container">
                      <div class="swiper-wrapper">
                        <div class="swiper-slide">
                            <div class="seriesCont js_seriesCont">
                                    <ul class="clearfix">
                                    <?php foreach ($new_two as $n) { ?>
                                        <li> 
                                            <a href="{:U('home/good/index',array('id'=>$n['goods_id']))}" target="_blank">
                                                <div class="seriesPic">
                                                    <img src="__ROOT__{$n.thumb_img}" height="350" width="250" alt="" />
                                                    <div class="specialHoverBg">
                                                        <span class="diyLinkBtn" >{$n.goods_name}<br>￥{$n.shop_price}</span>
                                                    </div>
                                                </div>
                                            </a>  
                                        </li>
                                    <?php } ?>
                                    </ul>
                            </div>
                        </div>
                        <div class="swiper-slide">
                            <div class="seriesCont js_seriesCont">
                                    <ul class="clearfix">
                                    <?php foreach ($new_one as $n) { ?>
                                        <li> 
                                            <a href="{:U('home/good/index',array('id'=>$n['goods_id']))}" target="_blank">
                                                <div class="seriesPic">
                                                    <img src="__ROOT__{$n.thumb_img}" height="350" width="250" alt="" />
                                                    <div class="specialHoverBg">
                                                        <span class="diyLinkBtn" >{$n.goods_name}<br>￥{$n.shop_price}</span>
                                                    </div>
                                                </div>
                                            </a>  
                                        </li>
                                    <?php } ?>
                                    </ul>
                            </div>
                        </div>
                    </div>
                    <!-- <div class="pagination"></div> -->
                </div>
                
                </div>
            </div>
            <!-- 男装专区 -->
            <div class="productDisplay js_specialContBox">
                <!-- // -->
                <div class="clearfix consumerSeriesBox specialSeriesBox marginBottom20">
                    <div class="fl consumerSeriesTil">
                        <h2 style="border-color:#c22849;">男装</h2>
                    </div>
                    <div class="fr consumerSeriesMore"><a href="{:U('home/dingzhi/index',array('fz'=>1))}">查看更多&gt;</a></div>
                </div>
                <div class="displayDownList">
                    <ul class="clearfix">
                    <?php foreach ($man as $n) { ?>
                    <li>
                        <a href="{:U('home/good/index',array('id'=>$n['goods_id']))}">    
                            <div><img src="__ROOT__{$n.thumb_img}" width="285" height="400" alt=""></div>    
                            <div class="downListBg">        
                            <div class="downListWhiteBg">            
                            <p class="paddingTop110">{$n.goods_name}</p>            
                            <p>￥{$n.shop_price}</p>        
                            </div>    
                            </div>
                        </a>
                    </li>
                    <?php }?>
                    </ul>
                </div>
            </div>
            
            <!-- 女装专区 -->
            <div class="productDisplay js_specialContBox">
                <!-- // -->
                <div class="clearfix consumerSeriesBox specialSeriesBox marginBottom20">
                    <div class="fl consumerSeriesTil">
                        <h2 style="border-color:#c22849;">女装</h2>
                    </div>
                    <div class="fr consumerSeriesMore"><a href="{:U('home/dingzhi/index',array('fz'=>6))}">查看更多&gt;</a></div>
                </div>
                <div class="displayDownList">
                    <ul class="clearfix">
                    <?php foreach ($woman as $n) { ?>
                    <li>
                        <a href="{:U('home/good/index',array('id'=>$n['goods_id']))}">    
                            <div><img src="__ROOT__{$n.thumb_img}" width="285" height="400" alt=""></div>    
                            <div class="downListBg">        
                            <div class="downListWhiteBg">            
                            <p class="paddingTop110">{$n.goods_name}</p>            
                            <p>￥{$n.shop_price}</p>        
                            </div>    
                            </div>
                        </a>
                    </li>
                    <?php }?>
                    </ul>
                </div>
            </div>

            <div class="marginBottom30">
                <div class="textAlignCenter">
                    <div class="positionDiyTitle  indextTitleColor">没有合适的？没关系</div>
                    <div class="positionDiyNoBack marginBottom10 fontSize">我们这里还有定制途径，直到您满意为止</div>
                </div>
                <div class="customLoadBox">
                    <div class="customLoad_T js_customLoad_T">
                        <ul class="clearfix">
                            <li class="current">预约量体</li>
                        </ul>
                    </div>
                    <div class="customLoad_D js_customLoad_D">
                        <!-- 预约量体 -->
                        <div class="customLoadCont js_customLoadCont ">
                            <!-- 上分区 -->
                            <div class="LoadContUp js_LoadContUp">
                                <div class="textAlignCenter marginBottom40 colorBoxCont">
                                    <div class="font18">
                                        <span class="marginRight90 color1">款式较少，不够选？</span>
                                        <span class="color2">量体麻烦，每次都要量体？</span>
                                    </div>
                                    <p class="font30 marginTop20 marginBottom20">想定制</p>
                                    <div class="font18">
                                        <span class="marginRight40 color3">工作太忙，没时间去店里？</span>
                                        <span class="color4">无需重复量体，无需到店下单。</span>
                                    </div>
                                </div>
                                <!-- <p class="marginBottom20 font14">预约量体，即可开启线上无忧下单，无需重复量体，无需到店下单。</p> -->
                                <p class="marginBottom20 font14">只需以下几步：</p>
                                <div class="marginBottom20">
                                    <img src="__PUBLIC__/home/images/loadIco.png" alt="" />
                                </div>
                                <div class="textAlignCenter">
                                    <a href="javascript:;" class="scheduleBtn js_scheduleBtn">约一约</a>
                                </div>
                            </div>
                            <!-- 下分区 -->
                            
                            <div  class="LoadContDown js_LoadContDown  "  style="display:none">
                                <form class="layui-form" method="post">
                                    <table cellspacing="0" cellpadding="0">
                                        <tr>
                                            <td width="125" align="right"><span class="colorRed">*</span>姓名：</td>
                                            <td width="427">
                                                <input type="text" name="name" required  lay-verify="required" placeholder="请输入姓名" style="margin-bottom: 10px;">
                                            </td>
                                            <td width="125" align="right"><span class="colorRed">*</span> 预算：</td>
                                            <td width="423">
                                                <input type="text" name="budget" required  lay-verify="required" placeholder="请输入预算" style="margin-bottom: 5px;">
                                            </td>
                                        </tr>
                                        <tr>
                                            <td width="125"  align="right"><span class="colorRed">*</span> 联系手机：</td>
                                            <td width="300">
                                                <input type="text" name="phone" required  lay-verify="required" placeholder="请输入手机" style="margin-bottom: 10px;">
                                            </td>
                                            <td width="125"  align="right"><span class="colorRed">*</span> 数量：</td>
                                            <td width="300">
                                                <input type="text" name="num" required  lay-verify="required" placeholder="请输入数量" style="margin-bottom: 5px;">
                                        </tr>
                                        <tr>
                                            <td width="125" align="right"><span class="colorRed">*</span> 详细地址：</td>
                                            <td width="300">
                                                <input type="text" name="addr" required  lay-verify="required" placeholder="请输入详细地址" style="margin-bottom: 10px;"></td>
                                            <td width="125" align="right"><span class="colorRed">*</span> 联系QQ：</td>
                                            <td width="300">
                                                <input type="text" name="qq" required  lay-verify="required" placeholder="请输入联系人QQ" style="margin-bottom: 5px;">
                                            </td>
                                        </tr>
                                    </table>
                                    <table cellspacing="0" cellpadding="0">
                                        <tr>
                                            <td width="125" align="right">需求描述：</td>
                                            <td width="905">
                                                <textarea class="layui-textarea" name="content" id="LAY_demo1"></textarea>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td height="80" colspan="2" align="center">
                                                <button lay-submit lay-filter="*" style="background-color: #eba524;display: block;width: 100px;height: 40px;border:0px;color:#fff;border-radius: 5px;">提交需求</button>
                                                <span class="scheduleBtn cancelSchedule js_cancelSchedule" style="position: absolute;right: 450px;bottom: 70px;">取 消</span>
                                            </td>
                                        </tr>
                                    </table>
                                </form>
                            </div>

                        </div>

                    </div>
                    
                </div>
            </div>
        </div>
    </div>
    	
    
    <div class="container">
        <div class="explainBox marginBottom20">
            <ul class="clearfix">
                <li><img src="__PUBLIC__/home/images/explainIcon1.png" alt="" />消费有保障</li>
                <li><img src="__PUBLIC__/home/images/explainIcon2.png" alt="" />七天免费修改</li>
                <li><img src="__PUBLIC__/home/images/explainIcon3.png" alt="" />全国包邮</li>
                <li><img src="__PUBLIC__/home/images/explainIcon4.png" alt="" />支持线上支付</li>
            </ul>
        </div>
    </div>

<!-- 尾部 -->
<include file="Public:fooder" />
<script type="text/javascript">
    layui.use(['form','layedit'], function(){
      var layer = layui.layer
      ,layedit = layui.layedit
      ,form = layui.form();
      //layer.msg('Hello World');

  //创建一个编辑器
  var editIndex = layedit.build('LAY_demo1', {height: 200,
                tool: ['strong','italic','underline','del','left', 'center', 'right', '|', 'face','link']
                });

    form.on('submit(*)', function(data){

        data.field.content = layedit.getContent(editIndex);

        $.ajax({
            url: "{:U('home/xuqiu/xuqiu_add')}",//请求地址
            type: "post",//请求方式
            dataType: "json",//返回数据类型
            data: data.field,//发送的参数
            })
            .done(function(response) {
                  if(response.error==0){
                     layer.msg(response.info ,{icon:5});
                  }else{
                     layer.msg(response.info ,{icon:6});
                     location.reload();
                  }
              })
            .fail(function() {
                alert("ajxs交互失败");
            })  

          return false; //阻止表单跳转。如果需要表单跳转，去掉这段即可。
        });  
    });
</script>

</body>
</html>
